<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
    <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAZtqx8JxkReW-dJBlgM4IzBQ74rPPSn1VfJefnG1g1Sk4cx7G0BSXwSXOtS1XREDpMO1fhUYLdIfYSg"
            type="text/javascript"></script>
    <script type="text/javascript">

    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(24.487148563173424,54.38232421875), 7);
        map.setUIToDefault();
      }
    }

    function onBtnClick(pClickedId)
    {
     alert("Button clicked now " + pClickedId);
     var lRowImg = document.getElementById(pClickedId);
     alert(pClickedId + " the src = " + lRowImg.src + " Width : " + lRowImg.width + " Height : " + lRowImg.height);

     
    }

    </script>
  </head>
  <body onload="initialize()" onunload="GUnload()">
    <div id="map_canvas" style="width: 1000px; height: 600px"></div>
    <div id="myscroll" style="float:left;position: relative; top: 20px; left: 0px;overflow:auto; height:80px;width:680px">Location Markers<table width="680"><tr><td onClick="onBtnClick('airport')"><img id="airport" name="35" src="/icons/airport.png">airport</td><td onClick="onBtnClick('bank')"><img id="bank" name="36" src="/icons/bank.png">bank</td><td onClick="onBtnClick('boatramp')"><img id="boatramp" name="37" src="/icons/boatramp.png">boatramp</td><td onClick="onBtnClick('building')"><img id="building" name="38" src="/icons/building.png">building</td><td onClick="onBtnClick('campground')"><img id="campground" name="39" src="/icons/campground.png">campground</td><td onClick="onBtnClick('dive')"><img id="dive" name="40" src="/icons/dive.png">dive</td><td onClick="onBtnClick('drinks')"><img id="drinks" name="41" src="/icons/drinks.png">drinks</td><td onClick="onBtnClick('entertain')"><img id="entertain" name="42" src="/icons/entertain.png">entertain</td><td onClick="onBtnClick('fishing')"><img id="fishing" name="43" src="/icons/fishing.png">fishing</td><td onClick="onBtnClick('food')"><img id="food" name="44" src="/icons/food.png">food</td><td onClick="onBtnClick('gas')"><img id="gas" name="45" src="/icons/gas.png">gas</td><td onClick="onBtnClick('golf')"><img id="golf" name="46" src="/icons/golf.png">golf</td><td onClick="onBtnClick('hike')"><img id="hike" name="47" src="/icons/hike.png">hike</td><td onClick="onBtnClick('hotel')"><img id="hotel" name="48" src="/icons/hotel.png">hotel</td><td onClick="onBtnClick('house')"><img id="house" name="49" src="/icons/house.png">house</td><td onClick="onBtnClick('hunting')"><img id="hunting" name="50" src="/icons/hunting.png">hunting</td><td onClick="onBtnClick('info')"><img id="info" name="51" src="/icons/info.png">info</td><td onClick="onBtnClick('marina')"><img id="marina" name="52" src="/icons/marina.png">marina</td><td onClick="onBtnClick('medical')"><img id="medical" name="53" src="/icons/medical.png">medical</td><td onClick="onBtnClick('parachute')"><img id="parachute" name="54" src="/icons/parachute.png">parachute</td><td onClick="onBtnClick('park')"><img id="park" name="55" src="/icons/park.png">park</td><td onClick="onBtnClick('picnic')"><img id="picnic" name="56" src="/icons/picnic.png">picnic</td><td onClick="onBtnClick('scenic')"><img id="scenic" name="57" src="/icons/scenic.png">scenic</td><td onClick="onBtnClick('spa')"><img id="spa" name="59" src="/icons/spa.png">spa</td><td onClick="onBtnClick('sski')"><img id="sski" name="60" src="/icons/sski.png">sski</td><td onClick="onBtnClick('swim')"><img id="swim" name="61" src="/icons/swim.png">swim</td><td onClick="onBtnClick('wski')"><img id="wski" name="62" src="/icons/wski.png">wski</td>   </tr>
    
  </body>
</html>

